<template>
  <button :class="type">
    <slot></slot>
  </button>
</template>
<script>
export default {
  name: 'MyButton',
  props: {
    type: {
      type: String
    }
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
button {
  border: none;
  padding: 10px;
}
.primary {
  background-color: skyblue;
}
.info {
  background-color: yellow;
}
.default {
  background-color: #ccc;
}
</style>
